<template>
  <a-tooltip
    :title="title"
    :overlayClassName="overlayClassName"
    :placement="placement"
    :trigger="trigger"
    :arrowPointAtCenter="arrowPointAtCenter"
    :getPopupContainer="getPopupContainer"
    :overlayStyle="{
      zIndex: 99999
    }"
  >
    <slot />
    <slot slot="title" name="title" />
  </a-tooltip>
</template>

<script>
export default {
  name: 'DTooltip',
  props: {
    getPopupContainer: {
      type: Function
    },
    title: {
      type: String
    },
    overlayClassName: {
      type: String
    },
    placement: {
      type: String,
      default: 'top'
    },
    trigger: {
      type: String,
      default: 'hover'
    },
    arrowPointAtCenter: {
      type: Boolean,
      default: false
    }
  }
};
</script>

<style lang="scss" scoped></style>
